<script>
  export default {
    methods:{
      // 推荐点击
      recommendClick(){

      },
      followClick(){

      }
    }
  }
</script>

<template>
  <el-menu
      default-active="1"
      style="display: flex;justify-content: center;height:40px;"
      active-text-color="#FFD466"
      mode="horizontal"
  >
    <el-menu-item class="chose" index="1" style="margin-right:15px" @click="recommendClick">推荐</el-menu-item>
    <el-menu-item class="chose" index="2" @click="followClick">关注</el-menu-item>
  </el-menu>
</template>

<style scoped>
.el-menu{
  border:0!important;
}

.chose{
  font-size:18px;
  font-weight:bold;
}
::v-deep(.chose:hover){
  background-color: #FFE9B2!important;
  color:#FFD466!important;
}
.el-menu-item.is-active{
  background-color: white!important;
  color:#FFD466!important;
}
</style>
